<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*å¿…å¤‡æ&nbsp;·å¼*/
body{padding: 0;margin: 0; font-family: "Microsoft Yahei"; font-size: 14px;color: #000;}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0; }
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,ol,dl{list-style-type:none;margin:0;padding:0;}
/*å…³é—­iPhone å’Œ Android çš„æµè§ˆå™¨çºµå‘ å’Œæ©«å‘ æ¨¡å¼çš†æœ‰è‡ªåŠ¨è°ƒæ•´å­—ä½“å¤§å°çš„åŠŸèƒ½.*/
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button{overflow: visible;vertical-align:middle;outline:none;}
/*æ¸…é™¤iosç«¯ï¼Œinput,textareaæ&nbsp;‡ç­¾çš„é»˜è®¤å†…é˜´å½±,input[type="text"]æ&nbsp;‡ç­¾çš„é»˜è®¤åœ†è§’*/
/*input,textarea{appearance: none;-webkit-appearance: none;}*/
/*èŽ·å¾—ç„¦ç‚¹æ—¶å‘¨è¾¹ä¸ä¼šå‡ºçŽ°è™šçº¿*/
a:focus,a:hover,a:active,area,img{outline:none;blr:expression(this.onFocus=this.blur());}
a{outline:none;text-decoration: none !important;color: #666;}
a:hover{text-decoration: none;}
a,em{-webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none;}
/*img*/
img{border:0; vertical-align:middle; }
a img,img{-ms-interpolation-mode:bicubic;}
.img-responsive{max-width: 100%;height: auto;}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}
time{display:inline;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;}
svg:not(:root) {overflow: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height: 0;font-size: 0;}
/*transition*/
.tran200{-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; transition:all 0.2s ease;}
.tran300{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.tran400{-webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; transition:all 0.4s ease;}
.tran500{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
.tran1000{-webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease;}
.tran2000{-webkit-transition:all 2s ease; -moz-transition:all 2s ease; -ms-transition:all 2s ease; transition:all 2s ease;}
.tran3000{-webkit-transition:all 3s ease; -moz-transition:all 3s ease; -ms-transition:all 3s ease; transition:all 3s ease;}
.scale105:hover{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.scale110:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
/*æ»šåŠ¨æ¡*/
body *::-webkit-scrollbar{width: 2px; height: 4px; background: #eee;}
body *::-webkit-scrollbar-thumb{background: #ccc;}
/*å…¬ç”¨*/
.w1200{ width: 1200px; margin: 0 auto;}
.indexTitle{text-align: center;}
.indexTitle h3{ font-size: 32px; color: #010d0e; font-weight: bold; margin-bottom: 6px;}
.indexTitle a{ font-size: 18px; color: #33a437;}
.indexTitle a img{ padding-left: 8px; position: relative; top: -2px;}
.indexTitle a:hover em{ padding-left: 10px;}
/*top*/
.header{position: relative; height: 100px; line-height: 100px; overflow: hidden;}
.header .right{ float: right; }
.navBox{height: 40px; line-height: 40px; background: #33a437;}
.navBox .w1200{position: relative;}
.nav ul{position: relative;}
.nav ul::after{content: ""; display: table; clear: both;}
.nav ul li{position: relative; float: left; height: 40px; line-height: 40px;}
.nav ul li&gt;a{display: inline-block; font-size: 16px; color: #fff; font-weight: bold; padding: 0 20px;}
.nav ul li&gt;a:hover{ background: #47be4b;}
.nav ul li.on&gt;a{background: #47be4b;}
.nav li .sub_nav{display: none; z-index: 10; position: absolute; left: 0; top: 40px; width: 100%; background: #33a437;}
.nav li .sub_nav dd{width: 100%; line-height: 30px; text-align: center;}
.nav li .sub_nav dd a{display: block; font-weight: normal; color: #fff;}
.nav li .sub_nav dd a:hover{background: #47be4b;}
.nav li em{display: none; cursor: pointer;}
.navBox .search{ position: absolute; top: 50%; right: 0; margin-top: -14px; cursor: pointer; z-index: 1; height: 28px; line-height: 28px; background: #fff; }
.navBox .search .text{ float: left; line-height: 28px; background: none; border: none; width: 0; box-sizing: border-box; transition: 0.4s; -webkit-transition:0.4s;}
.navBox .search .btn{ float: right; background:#33a437 ; border: none; width: 28px; text-align: center; height: 28px; line-height: 28px; cursor: pointer;}
/* .navBox .search:hover .text{ width: 150px; padding-left: 10px;}
.navBox .search:hover .btn{ background: #47be4b;} */
/*æ‰‹æœºç«¯å¯¼èˆªå›¾æ&nbsp;‡*/
.navIcon{ display: none; float: right; position: absolute; top: 50%; right: 2%; transform: translateY(-50%); width: 32px;}
.navIcon span{position: relative; display: block; width: 100%; height: 3px; background: #333333; border-radius: 6px; margin: 5px 0; transition: 0.3s; -webkit-transition:0.3s;}
.navIcon span:nth-child(2){width: 20px;}
.navIcon.on{ padding-top: 3px;}
.navIcon.on span:nth-child(2){ display: none;}
.navIcon.on span:first-child{transform: rotate(45deg);-webkit-transform: rotate(45deg); top: 4px;}
.navIcon.on span:last-child{transform: rotate(-45deg);-webkit-transform: rotate(-45deg); top: -4px;}
/*banner*/
.banner{ position: relative; width: 100%; overflow: hidden;}
.banner a{position: relative; display: block; background-position: center; background-repeat: no-repeat; background-size: cover; padding-bottom: 28.125%;}
.banner a .tit{position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.5); height: 80px; }
.banner a .tit p{height: 42px; line-height: 42px; font-size: 16px; color: #fff; padding-right: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;}
.banner .swiper-pagination{width: 1200px; bottom: 50px; text-align: right; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.banner .swiper-pagination-bullet{ opacity: 0.5; background: #fff;}
.banner .swiper-pagination-bullet-active{ opacity: 1; background: #33a437;}
.mask{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 12;}
.down{ position: absolute; left: 50%; bottom: 10px; margin-left: -25px; z-index: 13;}
/*å…¬å¸ä»‹ç»*/
.partOne{ padding-top: 36px;}
.partOne .textBox{font-size: 18px; color: #333333; line-height: 40px; max-height: 280px; margin-top: 42px; text-align: justify; text-indent: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.partOne .textBox p{ font-size: 18px; color: #333333; line-height: 40px; text-align: justify; text-indent: 2em;}
.partOne .textBox p span{font-size: 18px; color: #333333; line-height: 40px;}
/*äº§å“ä¸­å¿ƒ*/
.partTwo{position: relative; }
.partTwo .indexTitle{padding-top: 40px;}
.partTwo .tab{ overflow: hidden; text-align: center; margin: 42px 0; padding-bottom: 14px;}
.partTwo .tab li{ position: relative; display: inline-block; font-size: 20px; color: #999999; padding: 6px 30px; font-weight: bold; cursor: pointer; transition: 0.3s; -webkit-transition:0.3s;}
/* .partTwo .tab li::after{ content: ""; position: absolute; top: 50%; right: -3px; width: 6px; height: 6px; background: #999999; border-radius: 50%; margin-top: -3px;} */
.partTwo .tab li:last-child::after{ width: 0;}
.partTwo .tab li.on{ color: #fff; background: #33a437;}
.partTwo .tab li:hover{ color: #fff; background: #33a437;}
.partTwo .productBox:first-child{height: auto;}
.partTwo .productBox{height: 0; position: relative; width: 980px; margin: 0 auto; overflow: hidden;}
.partTwo .productBox .item{ overflow: hidden;}
.partTwo .productBox .item .pic{ float: left; width: 440px; height: 415px; overflow: hidden;}
.partTwo .productBox .item .pic img{ max-width: 350px;}
.partTwo .productBox .item .text{ float: right; width: calc(100% - 440px);}
.partTwo .productBox .item .text h3{ font-size: 36px; color: #010d0e; font-weight: bold; height: 47px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.partTwo .productBox .item .text h4{ font-size: 20px; color: #010d0e; font-weight: bold; text-transform: uppercase; margin-top: 12px; max-height: 26px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.partTwo .productBox .item .text .txt{ margin-top: 20px; height: 128px; overflow: hidden; font-size: 18px; color: #010d0e; line-height: 32px; max-height: 128px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.partTwo .productBox .item .text .txt p{ font-size: 18px; color: #010d0e; line-height: 32px;}
.partTwo .productBox .item .text .more{display: block; width: 140px; height: 48px; text-align: center; line-height: 48px; background: #19327c; color: #fff; font-size: 16px; margin-top: 62px;}
.partTwo .productBox .swiper-pagination{ width: auto !important; left: auto; right: 0; bottom: 70px;}
.partTwo .productBox .swiper-pagination-bullet-active{ background: #33a437;}
.partTwo .productBox .item .text .more:hover{ opacity: 0.8;}
/*æ–°é—»èµ„è®¯*/
.partThree{ position: relative; background: url(../images/indexBg1.jpg) no-repeat center; background-size: cover; margin-top: 60px; width: 100%; overflow: hidden;}
.partThree .w1200{ position: relative; padding-bottom: 100px;}
.partThree .indexTitle{ padding: 40px 0; }


.partThree .newpic{ position: relative; float: left; width: 49.3%; overflow: hidden;}
.partThree .newpic li{ border: 1px #eee solid; box-sizing: border-box;}
.partThree .newpic em{ display: block; height: 350px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.partThree .newpic p{ position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; line-height: 60px; background: rgba(0,0,0,0.7); color: #fff; font-size: 20px; font-weight: bold; padding:0 14px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 100px; box-sizing: border-box;}

.partThree .newpic .swiper-pagination{ text-align: right; padding-right: 10px; box-sizing: border-box; bottom: 20px;}
.partThree .newpic .swiper-pagination-bullet{ background: #33a437; opacity: 0.5;}
.partThree .newpic .swiper-pagination-bullet-active{ opacity: 1;}

.partThree .box{ overflow: hidden;}
.newBox{ float: right; overflow: hidden; width: 49.3%; margin-top: 54px;}
.newBox .item{ overflow: hidden;}
.newBox .item .text{ float: right; width: 100%;}
.newBox .item .text .txt{ padding: 80px 0 30px 0; border-bottom: 1px #dddddd solid;}
.newBox .item .text .txt h3{position: relative; font-size: 18px; color: #010d0e; height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; padding-right: 50px; box-sizing: border-box;}
.newBox .item .text .txt h3.newN::after{content: ""; position: absolute; top: 2px; right: 6px; width: 32px; height: 10px; background: url(../images/new-icon.png) no-repeat 0 0; max-width: 100%;}
.newBox .item .text .txt h3:hover{color: #33a437; text-indent: 0.5em;}
.newBox .item .text .txt p{ font-size: 14px; color: #999999; line-height: 24px; margin-top: 12px; height: 48px; overflow: hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.newBox .item .text ul{ margin-top: 12px;}
.newBox .item .text ul li{ overflow: hidden; height: 38px; line-height: 38px;}
.newBox .item .text ul li a{position: relative; float: left; max-width: calc(100% - 120px); font-size: 14px; color: #010d0e; height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; padding-right: 50px; box-sizing: border-box;}
.newBox .item .text ul li a.newN::after{content: ""; position: absolute; top: 8px; right: 6px; width: 32px; height: 10px; background: url(../images/new-icon.png) no-repeat 0 0;}
.newBox .item .text ul li i{ float: right; font-size: 14px; color: #999999;}
.newBox .item .text ul li a:hover{ color: #33a437; text-indent: 0.5em;}
.partThree .newTab{ position: absolute; top: 150px; right: 0; width: 49.3%; line-height: 34px; z-index: 2; padding-bottom: 20px; border-bottom: 1px #dddddd solid; box-sizing: border-box;}
.partThree .newTab::after{ content: ""; position: absolute; bottom: -1px; left: 0; width: 50px; height: 3px; background: #33a437;}
.partThree .newTab .tab li{ float: left; font-size: 24px; color: #010d0e; margin-right: 32px; cursor: pointer;}
.partThree .newTab .tab li.on{color: #33a437;}
.partThree .newTab .more{ position: absolute; top: 0; right: 0; width: 100px;}
.partThree .newTab .more a{ position: absolute; top: 0; right: 0; font-size: 14px; color: #010d0e;}
.partThree .newTab .more a.imore2{ display: none;}
.partThree .newTab .more a.imore3{ display: none;}
.partThree .newTab .more a:hover{ color: #33a437;}
/*æŠ€æœ¯äº¤æµ*/
.skillList{background: #33a437; box-shadow: 0 0 12px rgba(11,1,0,0.1); height: 60px; line-height: 60px; margin-top: 40px; padding: 0 24px; box-sizing: border-box;}
.skillList span{ float: left; font-size: 20px; color: #fff; font-weight: bold;}
.skillList .box{ float: right; width: calc(100% - 126px); overflow: hidden; height: 60px;}
.skillList .box ul li{ overflow: hidden; width: 100%;}
.skillList .box ul li a{ float: left; width:calc(100% - 150px); font-size: 18px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.skillList .box ul li i{ float: right; font-size: 16px; color: #fff;}
/*å³ä¾§å›ºå®š*/
.rightFixed{ position: fixed; top: 30%; right: 0; z-index: 20; }
.rightFixed ul li a{position: relative; display: block; width: 50px; height: 50px; background: #33a437; border-bottom: 1px rgba(255,255,255,0.2) solid;}
.rightFixed ul li a img{ width: 50px; }
.rightFixed ul li a .fixedImg{ position: absolute; top: 0; right: 100%; width: 0; transition: 0.4s; z-index: -1;}
.rightFixed ul li:hover .fixedImg{ width: 100px;}
.rightFixed ul li a .phone{ position: absolute; top: 0; right: 100%; width: 0; transition: 0.4s; background: #eee; height: 80px; line-height: 80px; text-align: center; font-size: 16px; overflow: hidden; z-index: -1; padding-top: 10px; box-sizing: border-box;}
.rightFixed ul li a .phone span{ display: block; line-height: 30px;}
.rightFixed ul li:hover .phone{ width: 140px;}
.rightFixed .askForm{ position: absolute; top: 0; right: -480px; width: 460px; height: 400px; background: #fff; border: 1px #e1e1e1 solid; padding: 0 22px 0 34px; box-sizing: border-box; border-right: none; z-index: -1; }
.rightFixed .askForm .tit{ font-size: 24px; color: #3aae3f; line-height: 44px; border-bottom: 1px #e1e1e1 solid; padding-top: 14px; overflow: hidden;}
.rightFixed .askForm .tit i{float: right; display: block; width: 26px; height: 26px; text-align: center; line-height: 20px; cursor: pointer;
border: 1px #cdcdcd solid; border-radius: 50%; font-size: 18px; font-weight: normal; color: #666; box-sizing: border-box; margin-top: 8px;}
.rightFixed .askForm .itemBox{ overflow: hidden; margin-top: 22px; font-size: 18px; color: #666666; line-height: 40px;}
.rightFixed .askForm .itemBox .item{ float: left; width: 47%; overflow: hidden;  height: 40px; line-height: 40px;}
.rightFixed .askForm .itemBox .item:last-child{ float: right;}
.rightFixed .askForm .itemBox input{ float: right; width: calc(100% - 70px); line-height: 38px; border: 1px #c9c9c9 solid; padding: 0 6px; box-sizing: border-box; font-size: 16px;}
.rightFixed .askForm .itemBox textarea{ float: right; width: calc(100% - 70px); height: 98px; line-height: 26px; border: 1px #c9c9c9 solid;  padding: 6px; box-sizing: border-box; font-size: 16px;}
.rightFixed .askForm .itemBox .btn{ float: right; width: 128px; height: 44px; text-align: center;line-height: 44px; background: #3aae3f; color: #fff; border: none; cursor: pointer;}
.rightFixed .askForm .itemBox.yan .txt{ width: calc(100% - 70px); float: right; overflow: hidden;}
.rightFixed .askForm .itemBox.yan .txt input{float: left; width: 68%;}
.rightFixed .askForm .itemBox.yan .txt img{ float: right; width: 26%; height: 40px; cursor: pointer;}

/*å°¾éƒ¨*/
.footer{background: #e9ebed; margin-top: 80px; padding: 60px 0 40px 0;}
.footer .w1200{overflow: hidden;}
.footer .left{ float: left; width: 46%;}
.footer .left .logo-bottom{border-bottom: 1px #767981 solid;}
.footer .left .ma{text-align: center; font-size: 0; width: 460px; margin-top: 50px;}
.footer .left .ma .item{ display: inline-block; width: 50%; padding-bottom: 36px;}
.footer .left .ma .item img{ width: 100px;}
.footer .left .ma .item p{ font-size: 16px; color: #030716; margin-top: 10px;}
.footer .left h3{ font-size: 16px; color: #030716; margin-top: 13px;}
.footer .left h3 span{ padding-right: 60px; display: inline-block;}
.footer .right{ float: right; width: 54%; margin-top: 64px;}
.footer .right dl{ float: left; text-align: center; }
.footer .right dl dt{position: relative; margin-bottom: 10px; padding:0 30px;}
.footer .right dl dt::after{ content: ""; position: absolute; top: 50%; right: 0; margin-top: -3px; width: 6px; height: 6px; border-radius: 50%; background: #5c5d63; }
.footer .right dl:last-child dt::after{ width: 0;}
.footer .right dl dt a{ font-size: 16px; color: #030716;}
.footer .right dl dd a{ font-size: 14px; color: #999999; line-height: 32px;}
.footer .right dl dd a:hover{ text-decoration: underline; color: #33a437;}
.footText{ line-height: 40px; background: #62656a; text-align: center; font-size: 16px; color: #bbbbbb;}
.footText span{ padding: 0 10px;}
.footText span i{color: #fffefe;}
.footText span a{ color: #bbbbbb;}
.footText span a:hover{ text-decoration: underline;}

/*å†…é¡µå…¬ç”¨*/
.neiBanner{ height: 260px; background-position: center; background-size: cover;}
.neiBanner .text{ width: 100%; height: 100%; background: rgba(0,0,0,0.2);}
.neiBanner .text .box{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.neiBanner .text .title{ font-size: 52px; font-weight: bold; color: #fff; text-shadow: 0 0 6px rgba(0,0,0,0.6);}
.neiBanner .text .crumb{ font-size: 16px; color: #ffffff;text-shadow: 0 0 6px rgba(0,0,0,0.6); margin-top: 4px;}
.neiBanner .text .crumb a{color: #ffffff; padding-right: 4px; transition: 0.4s;}
.neiBanner .text .crumb a:hover{ text-decoration: underline;}
.pageNav{ font-size: 0; padding: 38px 0 50px 0; }
.pageNav a{ font-size: 20px; color: #010d0e !important;text-decoration:none !important; display: inline-block; padding: 0 28px; height: 50px; line-height: 50px; margin-bottom: 10px; margin-right: 100px; transition: 0.4s; -webkit-transition: 0.4s; background: #fff;}
.pageNav a:last-child{ margin-right: 0;}
.pageNav a.on{background: #33a437; color: #fff !important;}
.pageNav a.on:hover{background: #33a437; color: #fff !important;}
.pageNav a:hover{ background: rgba(51,164,55,0.1);}
/*page*/
.page{ text-align: center; font-size: 0; margin: 80px 0;}
.page a{display: inline-block; font-size: 14px; color: #1f1f1f; height: 36px; line-height: 36px; padding: 0 22px; background: #ededed; margin: 0 2px;}
.page a.more{ background: none;}
.page a.on{background: #33a437; color: #fff;}
.page a:hover{background: #33a437; color: #fff;}

/*äº§å“åˆ—è¡¨*/
.productList ul li{ margin-bottom: 40px;}
.productList ul li:last-child{margin-bottom: 0; }
.productList ul li a{ display: block; height: 280px; overflow: hidden;}
.productList ul li a .pic{ float: left; width: 240px; height: 100%; line-height: 280px; text-align: center; background: #e6ecf1; overflow: hidden; border: 4px #e6ecf1 solid; box-sizing: border-box;}
.productList ul li a .pic img{ display: inline-block; max-width: 100%; max-width: 100%;}
.productList ul li a .text{ float: right; width: calc(100% - 300px); height: 100%; border-bottom: 1px #d4d4d4 dashed; box-sizing: border-box;}
.productList ul li a .text h3{ font-size: 22px; color: #010d0e; height: 60px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.productList ul li a .text .txt{ position: relative; margin-top: 7px; padding-top: 16px;}
.productList ul li a .text .txt::before{ content: ""; position: absolute; top: 0; left: 0; width: 36px; height: 2px; background: #adadad; z-index: 1;}
.productList ul li a .text .txt::after{ content: ""; position: absolute; top: 0; left: 0; width: 0; height: 2px; background: #33a437; z-index: 2; transition: 0.5s;}
.productList ul li a .text .txt p{ font-size: 14px; color: #010d0e; padding-top: 16px; line-height: 20px; max-height: 40px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.productList ul li a .text .txt p span{ font-weight: bold; }
.productList ul li a .more{display: block; color: #33a437; margin-top: 32px;}
.productList ul li a .more img{ margin-left: 4px; position: relative; top: -1px;}
.productList ul li a:hover .text .txt::after{ width: 36px;}
.productList ul li a:hover .text h3{ color: #33a437;}
.productList ul li a:hover .pic img{ transform: scale(1.1);}

/*å…¬å¸åŽ†ç¨‹*/
.history ul{ position: relative;}
.history ul::after{ content: ""; position: absolute; top: 0; left: 88px; height: 100%; width: 1px;background: #e1e1e1; z-index: -1;}
.history ul li{ overflow: hidden; margin-bottom: 40px;}
.history ul li .time{position: relative; float: left;  width: 88px; font-size: 24px; color: #010d0e; margin-top: 52px;}
.history ul li .time::after{ content: ""; position: absolute; top: 50%; right: -8px; width: 16px; height: 16px; border: 3px #a6a6a6 solid; box-sizing: border-box; border-radius: 50%; margin-top: -8px; background: #fff;}
.history ul li .text{ float: right; width: calc(100% - 132px); background: #f3f3f3; border-radius: 10px; padding: 30px 38px; box-sizing: border-box;}
.history ul li .text h3{ font-size: 32px; color: #33a437; font-weight: bold;}
.history ul li .text .txt p{ font-size: 16px; color: #666666; line-height: 24px; margin-top: 20px; text-align: justify;}

/*å…¬å¸ç®€ä»‹*/
.pageAbout .title{ position: relative; padding-bottom: 20px;}
.pageAbout .title::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 15px; height: 2px; background: #33a437;}
.pageAbout .title h3{ font-size: 32px; color: #2d2d2d; font-weight: bold;}
.pageAbout .title h4{ font-size: 16px; color: #999999; text-transform: uppercase;}
.pageAbout .aboutBox{ overflow: hidden;font-size: 16px; color: #666666; line-height: 26px; text-align: justify;}
.pageAbout .aboutBox img{max-width: 100%; height: auto !important;}
.pageAbout .aboutBox .wordLeft{ float: left; width: calc(100% - 412px); }
.pageAbout .aboutBox .wordLeft img{ max-width: 100%;}
.pageAbout .aboutBox .wordLeft .num{ overflow: hidden; margin: 40px 0; text-align: center;}
.pageAbout .aboutBox .wordLeft .num .item{position: relative; width: 26%; display: inline-block; text-align: center;}
.pageAbout .aboutBox .wordLeft .num .item::after{ content: ""; position: absolute; top: 50%; right: 0; margin-top: -24px; width: 1px; height: 48px; background: #d0d0d0;}
.pageAbout .aboutBox .wordLeft .num .item:nth-child(2){ width: 34%;}
.pageAbout .aboutBox .wordLeft .num .item:last-child::after{display: none;}
.pageAbout .aboutBox .wordLeft .num .item .number{ font-size: 40px; color: #33a437; font-weight: bold; line-height: 50px;}
.pageAbout .aboutBox .wordRight{ float: right; width: 353px;}
.pageAbout .aboutBox .wordRight img{ max-width: 100%;}

/*è”ç³»æˆ‘ä»¬*/
.pageContact{ margin-top: 50px; overflow: hidden;}
.pageContact .text{ float: left; width: calc(100% - 660px);}
.pageContact .text .ma{width: 150px; height: 150px; border: 1px #d1d1d1 solid; margin-top: 30px; text-align: center; line-height: 150px;}
.pageContact .text .ma img{ display: inline-block; max-width: 100%; max-width: 100%;}
.pageContact .box{ margin-top: 24px;}
.pageContact .box p{line-height: 24px; overflow: hidden; font-size: 16px; color: #3c3c3c; margin-top: 6px;}
.pageContact .box p i{display: inline-block; float: left; margin-top: 5px; width: 16px; height: 24px; background-image: url(../images/contact-icon.png); background-position: 0 0; margin-right: 24px;}
.pageContact .box p b{ font-weight: normal; float: left;}
.pageContact .box p span{display: inline-block;  width: 284px;}
.pageContact .box p:nth-child(2) i{ background-position: 0 -24px;}
.pageContact .box p:nth-child(3) i{ background-position: 0 -48px;}
.pageContact .box p:nth-child(4) i{ background-position: 0 -72px;}
.pageContact .box p:nth-child(5) i{ background-position: 0 -96px;}
.pageContact .box p:nth-child(6) i{ background-position: 0 -144px;}
.pageContact .box p:nth-child(7) i{ background-position: 0 -144px;}
.pageContact .box p:nth-child(8) i{ background-position: 0 -120px;}
.pageContact .map{ float: right; width: 658px; border: 1px #dadada solid; height: 484px; padding: 9px; box-sizing: border-box;}
.pageContact .map iframe{ width: 100%; height: 100%; border: none;}

/*ä¸“å®¶*/
.pageList ul li a{ display: block; }
.pageList ul li a{position: relative; background: #f3f3f3; padding: 30px 66px 30px 40px; overflow: hidden;}
.pageList ul li a .time{float: right; width: 134px; text-align: center; color: #999999; font-size: 14px; margin-top: 70px;}
.pageList ul li a .time b{display: block; font-size: 36px; color: #666; border-bottom: 1px #999999 solid; line-height: 54px;margin-bottom: 8px;}
.pageList ul li a .text{ float: left; width: calc(100% - 164px);}
.pageList ul li a .text h3{ font-size: 18px; color: #010d0e; height: 32px; line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pageList ul li a .text p{ font-size: 14px; color: #8e8e8e; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px;}
.pageList ul li a .add{ position: absolute; bottom: 0; right: 0;  width: 0; height: 0; border-bottom: 30px solid #33a437; border-left: 30px solid transparent;}
.pageList ul li a .add::after{content: "+"; position: absolute; top: 5px; left: -14px;color: #fff; font-size: 18px; font-weight: bold;}
.pageList ul li:nth-child(2n) a{ background: #fff;}
.pageList ul li:nth-child(2n) a .add{border-bottom: 30px solid #1aa1c1;}
.pageList ul li a:hover{ background: rgba(51,164,55,0.1);}
.pageList ul li a:hover .text h3{ color: #33a437; text-indent: 0.5em;}

/*äººæ‰æ‹›è˜*/
.recruitList ul li{ overflow: hidden; border-bottom: 1px #d5d5d5 dashed; margin-bottom: 36px;}
.recruitList .box{ overflow: hidden; padding-bottom: 36px;}
.recruitList .box .item{position: relative; float: left; width: 25%; text-align: center;}
.recruitList .box .item h3{ font-size: 24px; color: #010d0e; margin-bottom: 30px;}
.recruitList .box .item h4{ font-size: 20px; color: #2a2a2a;}
.recruitList ul li{ position: relative;}
.recruitList ul li .text{display: none; background: #f6f6f6; padding: 0 90px; padding-bottom: 44px;}
.recruitList ul li .text .item{ padding-top: 52px;}
.recruitList ul li .text .item h3{ font-size: 20px; color: #2a2a2a;}
.recruitList ul li .text .item p{ font-size: 18px; color: #8e8e8e; padding-left: 30px; margin-top: 14px;}
.recruitList ul li .downText{ position: absolute; right: 0; bottom: -10px; cursor: pointer; padding: 16px; transform: rotateZ(180deg); transition: 0.4s;}
.recruitList ul li .downText.on{ transform: rotateZ(0);}

/*æ–°é—»åˆ—è¡¨*/
.news .newTop{ overflow: hidden; border-bottom: 1px #d0d0d0 solid;}
.news .newTop .item{float: left; width: 49%;}
.news .newTop .item a{ display: block;}
.news .newTop .item:nth-child(2n){ float: right;}
.news .newTop .item .pic{ overflow: hidden; width: 100%;}
.news .newTop .item .pic em{ display: block; width: 100%; padding-bottom: 64.9%; background-size: cover; background-position: center;}
.news .newTop .item .text{ padding: 22px 30px;}
.news .newTop .item .text h3{ font-size: 20px; color: #010d0e; line-height: 36px; height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .newTop .item .text p{ font-size: 14px; color: #8e8e8e; height: 34px; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .newTop .item .text .time{ font-size: 14px; color: #8e8e8e;}
.news .newTop .item a:hover .pic em{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.news .newTop .item a:hover .text h3{ color: #33a437; text-indent: 0.5em;}

.news .list ul{ overflow: hidden; padding-top: 16px;}
.news .list ul li{ float: left; width: 23.75%; margin-top: 24px; margin-right: 1.6%;}
.news .list ul li:nth-child(4n){ margin-right: 0;}
.news .list ul li a{ display: block;}
.news .list ul li .pic{width: 100%; overflow: hidden;}
.news .list ul li .pic em{ display: block; padding-bottom: 65%; background-size: cover; background-position: center;}
.news .list ul li .text h3{ font-size: 16px; font-weight: bold; color: #010d0e; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 12px;}
.news .list ul li .text h4{ font-size: 14px; color: #8e8e8e;}
.news .list ul li a:hover .pic em{ transform: scale(1.1); -webkit-transform: scale(1.1); }
.news .list ul li a:hover .text h3{ color: #33a437; text-indent: 0.5em; }

/*å†…é¡µ*/
.pageCount{ padding-top: 30px;}
.pageCount .title{ padding-bottom: 16px; border-bottom: 1px #ddd solid; margin-bottom: 24px;}
.pageCount .title h3{ font-size: 20px; text-align: center; font-weight: bold;}
.pageCount .title h4{ text-align: center; font-size: 14px; color: #888; margin-top: 10px;}
.pageCount .word{ font-size: 15px; color: #333; line-height: 28px; text-align: justify;}
.pageCount .word img{ max-width: 100%; height: auto;}

/*è£èª‰*/
.honorList .list ul{ padding-top: 0;}
.honorList .list ul li{margin-top: 0; margin-bottom: 24px;}
.honorList .list ul li .pic{ border: 1px #eee solid; box-sizing: border-box;}
.honorList .list ul li .pic em{ background-size: contain; background-repeat: no-repeat;}

.Gallery{width:100%;height:100%;position:fixed;left:0;top:0;background: rgba(0,0,0,0.6);opacity:0;z-index:999999;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.Gallery.show{opacity:1}
.g-bottom,.g-left,.g-right,.g-top{z-index:99;display:block;-webkit-appearance:none;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.g-top{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left.none,.g-right.none{opacity:.3;cursor:not-allowed}
.g-bottom{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left{position:absolute;top:43%;left:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.g-right{position:absolute;top:43%;right:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.Gallery img{max-height:87%;max-width:99%}
.Gallery.Gallery-none img{max-height:100%;max-width:99%}
.Gallery-wrap{width:100%;height:100%;position:relative;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.g-left:after{content:'';width:20px;height:2px;background:#fff;position:absolute;left:16px;top:50%;margin-top:-1px}
.g-left:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top:none;border-right:none;display:block;position:absolute;left:16px;top:50%;margin-top:-6px}
.g-right:after{content:'';width:20px;height:2px;background:#fff;position:absolute;right:16px;top:50%;margin-top:-1px}
.g-right:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-left:none;border-bottom:none;display:block;position:absolute;right:16px;top:50%;margin-top:-6px}
.g-list{width:100%;height:100%;text-align:center;vertical-align:middle;position:absolute;left:0;top:0}
.g-list span{display:inline-block;vertical-align:middle;height:100%}
.g-list img{vertical-align:middle;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease}
.Gallery-wrap.grab .g-list img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.g-top .g-count{width:auto;height:100%;position:absolute;left:0;top:0;padding:0 18px}
.g-top button{height:45px;width:45px;border:none;position:absolute;right:0;top:0;opacity:.8;background:0 0;-webkit-tap-highlight-color:transparent}
.g-top span{display:block;width:100%;height:100%;line-height:45px;color:#fff}
.g-close{cursor:pointer}
.g-close:after{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:8px;top:21px}
.g-close:before{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;left:8px;top:21px}
.g-top button:hover{opacity:1}

.people .list ul{ padding-top: 0; margin-top: -30px;}
.people .list ul li .pic em{ padding-bottom: 130%;}

.indexPro{ padding-bottom: 20px;}
.indexProBox{ overflow: hidden;}
.indexProItem{position: relative; overflow: hidden;}
.indexProItem ul li em{ display: block; padding-bottom: 130%; background-repeat: no-repeat; background-size: contain; background-position: center;}
.indexProItem ul li p{ text-align: center; height: 50px; line-height: 50px; font-size: 16px; color: #333; overflow: hidden; white-space: nowrap;
 text-overflow: ellipsis;}
.indexProItem ul li a{ display: block;}
.indexProItem ul li a:hover p{ color: #33a437;}
.indexProItem .btn{ width: 30px; height: 30px; border-radius: 50%; border: 2px #999 solid; box-sizing: border-box; background-size: 40%; filter: brightness(0) invert(0.6); cursor: pointer;}

.inLink{ margin-top: 30px; padding-top: 30px; border-top: 1px #eee solid;}
.inLink .tit{ height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.inLink .tit a{ transition: 0.3s;}
.inLink .tit a:hover{ color: #33a437;}

@media only screen and (max-width: 1200px) {
	.neiBannerBox{margin-top: 101px;}
	.w1200{ width: 96%; margin: 0 auto;}
	.header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 14; background: #fff; border-bottom: 1px #eee solid;}
	.header .logo{ float: left;}
	.header .right{ float: left; margin-left: 20px;}
	.navBox{ display: none; position: fixed; top: 100px; left: 0; width: 100%; height: calc(100% - 100px); background: #fff; z-index: 24; border-top: 1px #eee solid;}
	.navBox .w1200{ height: 100%;}
	.navBox .nav{ position: relative; top: 60px; height: calc(100% - 60px); overflow-y: auto; }
	.navBox .nav ul li{display: block; line-height: 50px; height: auto; width: 100%; border-bottom: 1px #eee solid;}
	.navBox .nav ul li a{ color: #333; font-size: 16px; font-weight: normal;}
	.nav ul li&gt;a{ float: left; width: calc(100% - 80px); box-sizing: border-box;}
	.nav ul li&gt;a:hover{ background: #fff; color: #33a437;}
	.nav ul li.on&gt;a{background: #fff; color: #33a437;}
	.nav li .sub_nav{position: inherit; overflow: hidden; top: 0; left: 0; width: 100%; background: #fff; padding-bottom: 10px;}
	.nav li .sub_nav dd a{ font-size: 16px; color: #333; text-align: left; padding-left: 30px; line-height: 40px;}
	.nav li em{float: right; display: block; width: 80px; text-align: center;}
	.navIcon{ display: block;}
	.navBox .search{top: 0; margin-top: 10px; height: 40px; line-height: 40px; border: 1px #eee solid; box-sizing: border-box; width: 100%;}
	.navBox .search form{ display: block; width: 100%;}
	.navBox .search .text{ width: calc(100% - 60px); padding-left: 10px; height: 40px; line-height: 40px; }
	.navBox .search .btn{ background: #47be4b; height: 38px; line-height: 38px; width: 40px;}
	.navBox .search:hover .text{ width: calc(100% - 60px);}
	.navBox .search:hover .btn{ background: #47be4b;}
	.banner{ margin-top: 100px;}
	.banner .swiper-pagination{ width: 100%; padding-right: 10px; box-sizing: border-box; bottom: 34px;}
	.banner a .tit{ height: 66px;}
	.banner a .tit p{ padding-left: 10px; font-size: 14px;}

	.partTwo .productBox{ width: 100%;}
	/*footer*/
	.footer .left h3 span{ padding-right: 10px;}
	.footer .right dl dt{ padding: 0 18px;}
	/*è”ç³»æˆ‘ä»¬*/
	.pageContact .text{ width: 100%;}
	.pageContact .map{ width: 100%; margin-top: 20px;}
	.pageContact{ padding-top: 20px;}
}

@media only screen and (max-width: 1023px) {
	/*é¦–é¡µ*/
	.header .right{ display: none;}
	.indexTitle h3{font-size: 24px;}
	.partOne{ padding-top: 14px;}
	.partOne .textBox{ margin-top: 20px;}
	.partTwo{ margin-top: 26px; height: auto; padding-bottom: 30px;}
	.partTwo .tab li{padding: 0 12px;}
	.partTwo .tab{ margin: 20px 0;}
	.partTwo .productBox .item .pic{ width: 50%; height: auto; float: inherit; margin: 0 auto;}
	.partTwo .productBox .item .pic img{display: block; max-width: 100%; margin: 0 auto;}
	.partTwo .productBox .item .text{ width: 100%;}
	.partTwo .productBox .item .text .more{ margin-top: 10px;}
	.skillList{ margin-top: 20px;}
	.footer{margin-top: 20px;}
	.footer .left{ width: 100%;}
	.footer .right{ display: none;}

	/*å†…é¡µå…¬ç”¨*/
	.pageNav a{ margin-right: 4px; font-size: 18px; padding: 0 14px;}
	/*å…¬å¸ç®€ä»‹*/
	.pageAbout .aboutBox .wordLeft{ width: 100%;}
	.pageAbout .aboutBox .wordRight{ width: 100%;}
}

@media only screen and (max-width: 767px) {
	.header{ height: 60px; line-height: 60px;}
	.header .logo{ width: 70%;}
	.header .logo img{ width: 100%;}
	.banner{ margin-top: 60px;}
	.banner a{ padding-bottom: 50%;}
	.banner .swiper-slide:nth-child(2) a{background-position: 39% center;}
	.banner .swiper-slide:nth-child(6) a{background-position: 39% center;}
	.banner a .tit{ height: 42px;}
	.banner a .tit p{ height: 34px; line-height: 34px; }
	.banner .swiper-pagination{bottom: 18px;}
	.navBox{ top: 60px; height: calc(100% - 60px);}
	.indexTitle h3{ font-size: 20px;}
	.indexTitle a{ font-size: 16px;}
	.partOne .textBox{margin-top: 12px; font-size: 14px; line-height: 26px; max-height: 182px;}
	.partOne .textBox p{ font-size: 14px; line-height: 26px; }
	.partTwo{ padding-bottom: 0;}
	.indexPro{ padding-bottom: 0;}
	.partTwo .indexTitle{ padding-top: 0;}
	.partTwo .tab li{ font-size: 16px; margin-bottom: 10px;}
	.partTwo .tab{ padding-bottom: 0; margin-bottom: 10px;}
	.partTwo .productBox .item .text h3{ font-size: 20px; height: 32px; margin-top: 4px;}
	.partTwo .productBox .item .text h4{ margin-top: 0; font-size: 14px;}
	.partTwo .productBox .item .text .txt{ margin-top: 10px; font-size: 14px; line-height: 26px; max-height: 104px;}
	.partTwo .productBox .item .text .txt p{ font-size: 14px;}
	.partTwo .productBox .item .text .more{ height: 34px; line-height: 34px;}
	.down{ width: 30px; margin-left: -15px;}
	.partTwo .productBox .swiper-pagination{ bottom: 15px;}
	.partThree{ margin-top: 20px;}
	.partThree .indexTitle{ padding: 30px 0;}
	.partThree .box{ margin-top: 40px;}

	.partThree .newpic{ width: 100%;}
	.newBox{ width: 100%; margin-top: 8px;}
	.partThree .newpic p{ font-size: 14px; height: 44px; line-height: 44px;}
	.partThree .newpic .swiper-pagination{ bottom: 13px;}
	.partThree .newpic em{ height: 200px;}
	.partThree .w1200{ padding-bottom: 40px;}

	.newBox .item .pic{ width: 100%; margin-top: 50px;}
	.newBox .item .pic em{ height: 210px;}
	.newBox .item .text{ width: 100%;}
	.partThree .newTab{ width: 100%; top: 96px;}
	.partThree .newTab .tab li{ font-size: 16px;}
	.partThree .newTab{padding-bottom: 10px;}
	.newBox .item .text .txt{padding: 20px 0 20px 0;}
	.newBox .item .pic p{ height: 50px; line-height: 50px; font-size: 16px;}
	.skillList{ height: 50px; line-height: 50px; padding: 0 10px;}
	.skillList span{ font-size: 16px;}
	.skillList .box{ width: calc(100% - 80px); height: 50px;}
	.skillList .box ul li a{ font-size: 14px; width: calc(100% - 80px);}
	.skillList .box ul li i{font-size: 12px;}
	.footer .left .logo-bottom{ display: block; width: 80%; margin: 0 auto;}
	.footer{ padding: 20px 0 10px 0; margin-top: 0;}
	.footer .left .ma{ width: 100%; margin-top: 16px;}
	.footer .left .ma .item{ padding-bottom: 10px;}
	.footer .left h3{ font-size: 14px; margin-top: 0;}
	.footer .left h3 span{ display: block;}
	.footText{ font-size: 13px; line-height: 24px; padding: 10px 0;}

	/*å†…é¡µå…¬ç”¨*/
	.neiBannerBox{margin-top: 61px;}
	.neiBanner{ height: 134px; }
	.neiBanner .text .title{ font-size: 26px;}
	.neiBanner .text .crumb a{ font-size: 13px;}
	.pageNav{ padding: 16px 0 6px 0;}
	.pageNav a{ margin-right: 4px; font-size: 14px; padding: 0 4px; height: 36px; line-height: 36px;}
	/*page*/
	.page{ margin: 26px 0;}
	.page a{ font-size: 12px; height: 30px; line-height: 30px; padding: 0 10px;}

	/*äº§å“åˆ—è¡¨*/
	.productList ul li{ margin-bottom: 26px;}
	.productList ul li a{ height: 190px;}
	.productList ul li a .pic{ width: 146px; line-height: 190px;}
	.productList ul li a .text{ width: calc(100% - 160px);}
	.productList ul li a .text h3{ font-size: 16px; height: 26px; line-height: 26px;}
	.productList ul li a .text .txt{ padding-top: 2px;}
	.productList ul li a .text .txt p{ font-size: 12px; padding-top: 2px;}
	.productList ul li a .more{ margin-top: 6px;}

	/*å…¬å¸åŽ†ç¨‹*/
	.history ul li .time{ display: none;}
	.history ul::after{ display: none;}
	.history ul li .text{ width: 100%; padding: 10px 14px;}
	.history ul li .text h3{ font-size: 18px;}
	.history ul li .text .txt p{ font-size: 13px; margin-top: 6px;}
	.history ul li{ margin-bottom: 26px;}

	/*å…¬å¸ç®€ä»‹*/
	.pageAbout .title h3{ font-size: 20px;}
	.pageAbout .title h4{ font-size: 13px;}
	.pageAbout .aboutBox{margin-top: 20px;}
	.pageAbout .aboutBox .wordLeft .num{ margin: 14px 0;}
	.pageAbout .aboutBox .wordLeft .num .item{ width: 32%; vertical-align: top;}
	.pageAbout .aboutBox .wordLeft .num .item:nth-child(2){ width: 32%;}
	.pageAbout .aboutBox .wordLeft .num .item .number{ font-size: 30px;}
	.pageAbout .aboutBox .wordLeft .num .item .tit{ font-size: 13px;}

	/*è”ç³»æˆ‘ä»¬*/
	.pageContact .box p span{ width: calc(100% - 128px);}

	/*ä¸“å®¶*/
	.pageList ul li a{ padding: 10px 36px 10px 10px;}
	.pageList ul li a .time{ width: 60px; float: initial; margin-top: 0; width: 100%; font-size: 13px; text-align: left;}
	.pageList ul li a .time b{ font-size: 26px;}
	.pageList ul li a .text{ width:100%;}
	.pageList ul li a .text h3{ font-size: 16px;}
	.pageList ul li a .text p{ margin-top: 4px;}

	/*äººæ‰æ‹›è˜*/
	.recruitList .box .item h3{ font-size: 16px;}
	.recruitList .box .item h4{ font-size: 14px;}
	.recruitList .box{ padding-bottom: 20px;}
	.recruitList ul li{ margin-bottom: 20px;}
	.recruitList ul li .box{ padding-right: 30px;}
	.recruitList ul li .downText{ right: -38px; bottom: -12px; width: 16px;}
	.recruitList ul li .text{ padding: 0 14px; padding-bottom: 12px;}
	.recruitList ul li .text .item{ padding-top: 20px;}
	.recruitList ul li .text .item h3{ font-size: 15px;}
	.recruitList ul li .text .item p{ font-size: 13px; padding-left: 10px; line-height: 24px;}

	/*æ–°é—»åˆ—è¡¨*/
	.news .newTop .item{ width: 100%;}
	.news .newTop .item .text{ padding: 10px 0;}
	.news .newTop .item .text h3{ font-size: 15px;}
	.news .newTop .item .text p{ font-size: 13px;}
	.news .list ul li{ width: 46%; margin: 0; margin-top: 16px;}
	.news .list ul li:nth-child(2n){ float: right;}
	.news .list ul li .text h3{ font-size: 15px;}

	.rightFixed{ display: none;}
	.rightFixed ul li a{ width: 50px; height: 50px;}
	.rightFixed ul li a img{ width: 50px;}
	.rightFixed .askForm{ width: 300px; padding: 0 10px; height: 200px;}
	.rightFixed .askForm .tit{ font-size: 16px;}
	.rightFixed .askForm .itemBox{ font-size: 15px; line-height: 30px; margin-top: 6px;}
	.rightFixed .askForm .itemBox input{ line-height: 28px; font-size: 14px;}
	.rightFixed .askForm .itemBox textarea{ height: 48px;}
	.rightFixed .askForm .itemBox .btn{height: 32px; line-height: 32px;}

	.inLink{ margin-top: 10px; padding-top: 10px; }
	.inLink .tit{ height: 30px; line-height: 30px;}

}

p{
	line-height: 2;
}





</pre></body></html>